<template>
	<view>
		<u-tabbar hide-tab-bar height="100"  v-model="current" :list="list" @change='change' active-color="#2979ff"></u-tabbar>
	</view>
</template>

<script>
	export default {
		name: "Tabbar",
		data() {
			return {
				list: [{
						iconPath: "home",
						selectedIconPath: "home-fill",
						text: '首页',
						pagePath:'/pages/index/index',
					},
					{
						iconPath: "grid",
						selectedIconPath: "grid-fill",
						text: '手册',
						pagePath:'/pages/study/study'
					},
					{
						iconPath: "zhihu",
						selectedIconPath: "zhihu-circle-fill",
						text: '博客',
						pagePath:'/pages/blog/blog'
					},
					{
						iconPath: "play-right",
						selectedIconPath: "play-right-fill",
						text: '视频',
						pagePath:'/pages/video/video'
					},
					{
						iconPath: "account",
						selectedIconPath: "account-fill",
						text: '我的',
						pagePath:'/pages/center/center'
					},
				],
				current: 0
			};
		},
		methods: {
			change(index) {
				this.current = index
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: function (res) {
					console.log(res.navigationBarHeight);
				}
			});
		}
	}
</script>

<style lang="scss">

</style>
